*{
    margin: 0;
    padding: 0;
}
.one{
    margin: 50px auto;
    width: 500px;
    /* height: 240px; */
    /* background-color: pink; */
    border: 3px solid #efefef ;
    box-sizing: border-box;
    border-radius:10px;
}
.two{
    margin-top: 10px;
    border-radius:10px;
    overflow: hidden;
    margin-left: 13px;
    width: 450px;
    height: 30px;
    box-sizing: border-box;
    border:2px solid #c1d9de;
}
.one .b{
    height:25px;
    background-color: #e04e4a;
    border: none;
}
.one .b:hover{
    background-color: orangered;
}
.three{
    margin-top: 18px;
    margin-left: 12px;
    overflow: hidden;
    width: 474px;
    /* height: 126px; */
    /* background-color: skyblue; */
    border:1px solid #eaeaea;
    box-sizing: border-box;

}
ul li{
    list-style: none;

}
.three ul li{
height: 30px;
border-bottom:1px solid #eaeaea ;
line-height: 30px;
}
.three ul li .four{
margin-left: 8px;
/* background-color: #cdcdcd; */
}
.three ul li .five{
  display: none;  
margin: 3px;
float: right;
width: 45px;
height: 25px;
border: none;
background-color: #e04e4a;
}
.three ul li:hover{
background-color: #eaeaea;
}
.three ul li:hover .five{
display: block; 
}
.sex{
margin-left: 16px;
margin-top: 26px;
}
.three ul li .five:hover{
background-color: orangered;
}
.seven{
float: right;
margin-top: 20px;
margin-right:10px;
width: 102px;
height: 25px;
background-color: #e04e4a;
border: none;
}
.seven:hover{
background-color: orangered;
}